<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>梦妆后台</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="../dist/css/font-awesome.min.css">
  <link rel="stylesheet" href="../dist/css/ionicons.min.css">
    <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
  <!-- 自定义样式 -->
  <link rel="stylesheet" href="../css/admin.css">
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

  <!-- 头部信息 -->
  <header class="main-header"></header>
  <!--  左侧导航 -->
  <aside class="main-sidebar"></aside>

  <!-- 内容区域 -->
  <div class="content-wrapper">
    <!-- 内容标题 -->
    <section class="content-header">
        <h1>
            商品管理
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li><a href="#">生成</a></li>
            <li class="active">添加</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content pd-top0">
        <div class="row">
            <!-- left column -->
            <div class="col-md-12">
                <div class="box">
                    <div class="box-header solist pd-top0">
                        <div class="nav-tabs-custom">
                            <ul class="nav nav-tabs pull-left" style="cursor: move;" id="myTab">
                                <li class="active"><a href="javascript:;" data-toggle="tab">商品分类管理</a></li>
                                <li><a href="commodityInfo_list.html">商品信息管理</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="box-body solist">
                        <div class="box-form form-inline">
                            <a data-toggle="modal" data-target="#myModal" class="btn btn-primary bg-pink btn-big">新建商品分类</a>
                        </div>
                        <table class="table table-bordered text-center">
                            <thead>
                                <tr>
                                    <th>编号</th>
                                    <th>分类图片</th>
                                    <th>分类名称</th>
                                    <th>创建时间</th>
                                    <th>显示图片开关</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>lb001</td>
                                    <td class="td_img"><img src="../img/u1284.png"></td>
                                    <td id="td_type_name1">女士护肤</td>
                                    <td>2016-12-06 14:45:23</td>
                                    <td> <input type="radio" name="b1_switch1" checked>开 <input type="radio" name="b1_switch1" style="margin-left: 20px;">关</td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal" class="btn btn-default btn-xs btn-flat margin">添加</a>
                                        <a data-toggle="modal" data-target="#myModal_edit" class="btn btn-default btn-xs btn-flat margin">编辑</a>
                                        <a class="action_del btn btn-default btn-xs btn-flat margin"> 删除</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>lb00101</td>
                                    <td class="td_img"></td>
                                    <td id="td_type_name2"> &gt;韩式养肤关键第一步</td>
                                    <td>2016-12-06 14:45:23</td>
                                    <td> <div class=""></div><input type="radio" name="b1_switch2" checked> 开 <input type="radio" name="b1_switch2" checked style="margin-left: 20px;">关</td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal" class="btn btn-default btn-xs btn-flat margin">添加</a>
                                        <a data-toggle="modal" data-target="#myModal_edit" class="btn btn-default btn-xs btn-flat margin">编辑</a>
                                        <a class="action_del btn btn-default btn-xs btn-flat margin" href="javascript:;">删除</a>
                                    </td>
                                </tr>
                                 <tr>
                                     <td></td>
                                     <td class="td_img"></td>
                                     <td id="td_type_name3"> &gt;&gt;花园滋养系列</td>
                                     <td>2016-12-06 14:45:23</td>
                                     <td> <div class=""></div><input type="radio" name="b1_switch3">开 <input type="radio" name="b1_switch3" style="margin-left: 20px;" checked>关</td>
                                     <td>
                                         <a data-toggle="modal" data-target="#myModal" class="btn btn-default btn-xs btn-flat margin">添加</a>
                                         <a data-toggle="modal" data-target="#myModal_edit" class="btn btn-default btn-xs btn-flat margin">编辑</a>
                                         <a class="action_del btn btn-default btn-xs btn-flat margin" href="javascript:;" >删除</a>
                                     </td>
                                 </tr>       
                                <tr>
                                    <td>lb00102</td>
                                    <td class="td_img"></td>
                                    <td id="td_type_name2"> &gt;深层洁净</td>
                                    <td>2016-12-06 14:45:23</td>
                                    <td> <div class=""></div><input type="radio" name="b1_switch4">开 <input type="radio" name="b1_switch4" style="margin-left: 20px;">关</td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal" class="btn btn-default btn-xs btn-flat margin">添加</a>
                                        <a data-toggle="modal" data-target="#myModal_edit" class="btn btn-default btn-xs btn-flat margin">编辑</a>
                                        <a class="action_del btn btn-default btn-xs btn-flat margin" href="javascript:;" >删除</a>
                                    </td>
                                </tr>  
                                <tr>
                                    <td></td>
                                    <td class="td_img"><img src="../img/u1326.png"></td>
                                    <td id="td_type_name3">&gt;&gt;清莲净澈系列</td>
                                    <td>2016-12-06 14:45:23</td>
                                    <td> <div class=""></div><input type="radio" name="b1_switch5" checked>开 <input type="radio" name="b1_switch5" style="margin-left: 20px;">关</td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal" class="btn btn-default btn-xs btn-flat margin">添加</a>
                                        <a data-toggle="modal" data-target="#myModal_edit" class="btn btn-default btn-xs btn-flat margin">编辑</a>
                                        <a class="action_del btn btn-default btn-xs btn-flat margin" href="javascript:;" >删除</a>
                                    </td>
                                </tr>  
                                <tr>
                                    <td></td>
                                    <td class="td_img"><img src="../img/u1324.png"></td>
                                    <td id="td_type_name3"> &gt;&gt;清莲净颜系列</td>
                                    <td>2016-12-06 14:45:23</td>
                                    <td> <div class=""></div><input type="radio" name="b1_switch6">开 <input type="radio" name="b1_switch6" checked style="margin-left: 20px;">关</td>
                                    <td>
                                        <a data-toggle="modal" data-target="#myModal" class="btn btn-default btn-xs btn-flat margin">添加</a>
                                        <a data-toggle="modal" data-target="#myModal_edit" class="btn btn-default btn-xs btn-flat margin">编辑</a>
                                        <a class="action_del btn btn-default btn-xs btn-flat margin" href="javascript:;" >删除</a>
                                    </td>
                                </tr>     
                                 <tr>
                                     <td>lb00103</td>
                                     <td class="td_img"></td>
                                     <td id="td_type_name2"> &gt;润泽保湿</td>
                                     <td>2016-12-06 14:45:23</td>
                                     <td> <div class=""></div><input type="radio" name="b1_switch7">开 <input type="radio" name="b1_switch7" style="margin-left: 20px;">关</td>
                                     <td>
                                         <a data-toggle="modal" data-target="#myModal" class="btn btn-default btn-xs btn-flat margin">添加</a>
                                         <a data-toggle="modal" data-target="#myModal_edit" class="btn btn-default btn-xs btn-flat margin">编辑</a>
                                         <a class="action_del btn btn-default btn-xs btn-flat margin" href="javascript:;">删除</a>
                                     </td>
                                 </tr>
                                 <tr>
                                     <td>lb002</td>
                                     <td class="td_img"><img src="../img/u1284.png"></td>
                                     <td id="td_type_name1">彩妆</td>
                                     <td>2016-12-06 14:45:23</td>
                                     <td> <input type="radio" name="b2_switch1"  checked>开 <input type="radio" name="b2_switch1" style="margin-left: 20px;">关</td>
                                     <td>
                                         <a data-toggle="modal" data-target="#myModal" class="btn btn-default btn-xs btn-flat margin">添加</a>
                                         <a data-toggle="modal" data-target="#myModal_edit" class="btn btn-default btn-xs btn-flat margin">编辑</a>
                                         <a class="action_del btn btn-default btn-xs btn-flat margin" href="javascript:;">删除</a>
                                     </td>
                                 </tr>  

                            </tbody>
                        </table>
                    </div>
                    <div class="box-footer solist clearfix">
                        <ul class="pagination pagination-sm no-margin pull-right">
                            <li><a href="#">«</a></li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">»</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--/.col (left) -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
</div>
<!-- ./wrapper -->
<!-- 模态框（Modal）添加商品分类-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <form class="form-horizontal" role="form">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">
                        添加分类
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">分类编号</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" placeholder="" value="lb1250" style="border:none">

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">分类名称</label>
                        <div class="col-sm-7">
                             <input type="text" class="form-control" placeholder="" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">分类图片</label>
                        <div class="col-sm-7">
                            <div class="cover-area" style="padding: 5px 0px;">
                                <div class="oh z cover-hd">
                                   <iframe src="" class="uploadfile" style="filter:alpha(opacity = 0);-moz-opacity:0;-khtml-opacity:0;opacity:0;position:absolute;top:5px;left:15px;cursor: pointer;width:100px;height:100px;" id="imgUpload"></iframe> 
                                   <a href="javascript:;" class="btn btn-default btn-big">+上传图片</a>
                                </div>
                                <input type="text" readonly="readonly" class="form-control" id="vedioUrl" style="display:none;">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-big">
                        确定
                    </button>
                    <button type="button" class="btn btn-default btn-big" data-dismiss="modal">取消
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </form>
    </div>
</div><!-- /.modal -->

<!-- modal 编辑商品分类 -->
<div class="modal fade" id="myModal_edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <form class="form-horizontal" role="form">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">
                        添加分类
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">分类编号</label>
                        <div class="col-sm-7">
                            <input type="text" class="form-control" placeholder="" value="lb1250" style="border:none">

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">分类名称</label>
                        <div class="col-sm-7">
                             <input type="text" class="form-control" placeholder="" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">分类图片</label>
                        <div class="col-sm-7">
                            <div class="cover-area" style="padding: 5px 0px;">
                                <div class="oh z cover-hd">
                                   <iframe src="" class="uploadfile" style="filter:alpha(opacity = 0);-moz-opacity:0;-khtml-opacity:0;opacity:0;position:absolute;top:5px;left:15px;cursor: pointer;width:100px;height:100px;" id="imgUpload"></iframe> <a href="javascript:;" class="btn btn-default btn-big">+上传图片</a>
                                </div>
                                <input type="text" readonly="readonly" class="form-control" id="vedioUrl" style="display:none;">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-big">
                        确定
                    </button>
                    <button type="button" class="btn btn-default btn-big" data-dismiss="modal">取消
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </form>
    </div>
</div><!-- /.modal -->

<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
<script src="../dist/js/app.min.js"></script>
<!-- <script src="../dist/js/demo.js"></script> -->

<script type="text/javascript">
  var pageMenu = {"active": [3]};
  
</script>
<script src="../js/vendors.js" type="text/javascript"></script>
<script src="../js/index.js" type="text/javascript"></script>

</body>
</html>
